﻿<!DOCTYPE html>
<html>

<head>
    <title>绍兴嘉志装饰工程有限公司</title>
    <meta name="keywords" content="柯桥装修,柯桥装修公司,柯桥装修网,绍兴装修,绍兴装修公司,绍兴装修网">
    <meta name="description" content="嘉志装饰致力于为广大业主提供透明、保障、省心的装修服务！">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="location" content="province=浙江;city=绍兴;coord=120.406008,30.134069">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    {{--<link rel="stylesheet" type="text/css" href="css/font_muhrf2gnfl0afw29.css">--}}
    <link rel="stylesheet" type="text/css" href="{{ URL::asset('css/font_muhrf2gnfl0afw29.css') }}">
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="css/lhpublic.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>

</head>

<body>
    @include('inc.header')
    <div class="lh-banner banner">
        <ul class="bd">
            @foreach($banners as $banner)
            <li style="background:url({{\Storage::disk($banner['image']['disk'])->url($banner['image']['path'])}}) no-repeat center;">
                <a href="javascript:;"></a>
            </li>
            @endforeach
        </ul>
        <ul class="hd">
        </ul>
    </div>
    {{--
    <div class="package">
        <div class="container clearfix">
            <div class="title_con">
                <h2>嘉志精装<span>全环保精装套餐</span></h2>
                <p>FULL ENVIRONMENTAL HARDCOVER PACKAGE</p>
                <p><img src="images/x.png"></p>
            </div>
            <div class="package_con">
                <ul class="clearfix">
                    <li>
                        <div class="con_img"><img alt="" src="picture/img01.jpg"></div>
                        <div class="con_txt">
                            <p class="txt_title">精致家居<i> · </i><span>全环保精装套餐</span></p>
                            <div class="price"><span>699</span>元/㎡</div>
                        </div>
                        <div class="tc_detail">
                            <div class="tc_detail_con">
                                <div class="tc_detail_tit">
                                    <h2>精致家居</h2>
                                    <span>全环保精装套餐</span>
                                    <p class="null_p">设计，施工，材料，售后一体化<br>特色：精致 清新 环保 个性</p>
                                    <div class="price"><span>699</span>元/㎡</div>
                                </div>
                                <a class="tc_detail_btn" target="_blank" href="#">查看详情</a></div>
                            <div class="tc_detail_bg">&nbsp;</div>
                        </div>
                    </li>
                    <li>
                        <div class="con_img"><img alt="" src="picture/img02.jpg"></div>
                        <div class="con_txt">
                            <p class="txt_title">精品家居<i> · </i><span>全环保精装套餐</span></p>
                            <div class="price"><span>999</span>元/㎡</div>
                        </div>
                        <div class="tc_detail">
                            <div class="tc_detail_con">
                                <div class="tc_detail_tit">
                                    <h2>精品家居</h2>
                                    <span>全环保精装套餐</span>
                                    <p class="null_p">设计，施工，材料，售后一体化<br>特色：精品 时尚 雅致 温馨</p>
                                    <div class="price"><span>999</span>元/㎡</div>
                                </div>
                                <a class="tc_detail_btn" target="_blank" href="#">查看详情</a></div>
                            <div class="tc_detail_bg">&nbsp;</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    --}}
    <div class="case_con">
      <div class="title_con">
          <h2>案例展示 · <span>嘉志装饰——家品质，更舒适！</span></h2>
          <p>DESIGN HIGH QUALITY SERVICE</p>
          <p><img src="images/x.png"></p>
      </div>
      <ul class="caseImg">
          @foreach($styles as $style)
        <li id="category{{$loop->iteration}}">
          <a href="#">
            <!-- <img src="picture/c1.jpg"> -->
            <div style="background: url({{\Storage::disk($style['image']['disk'])->url($style['image']['path'])}}) center no-repeat; background-size: cover;"></div>
          </a>
        </li>
          @endforeach
      </ul>
      <div class="case_pro">
        <ul class="caseTitle">
            @foreach($styles as $style)
            <li><a href="#" data-target="#category{{$loop->iteration}}">{{$style['title']}}</a></li>
            @endforeach
        </ul>
      </div>
    </div>
    <div class="houseNew">
      <div class="container clearfix">
        <div class="title_con">
          <h2>合作伙伴<span>一线品牌自由选择</span></h2>
          <p>COOPERATIVE PARTNER</p>
          <p><img src="images/x.png"></p>
        </div>
        <ul>
            @foreach($partners as $partner)
          <li>
            <a href="javascript:;">
              <img src="{{\Storage::disk($partner['image']['disk'])->url($partner['image']['path'])}}">
            </a>
          </li>
            @endforeach
        </ul>
      </div>
    </div>
    <!--加盟-->
    <div class="block_join">
      <div class="lh-process">
        <div class="title_con">
          <h2 style="color: #fff">服务流程<span>国际化标准体系</span></h2>
          <p style="color: #C1C0C0">SERVICE FLOW</p>
          <p><img src="images/x.png"></p>
        </div>
        <div class="serv_in">
            <div class="serve-col serve-red">
                <div class="serve_one">
                    <div class="serve-icon01 s_02"></div>
                    <p class="serve-text color-white">免费咨询</p>
                    <p class="serve-intro color-white">客户向设计师咨询家装设计风格、费用、周期等；设计师向业主了解家庭成员、设计偏好等基本信息。</p>
                </div>
                <div class="serve_two">
                    <p class="serve-text color-gray">免费咨询</p>
                    <span>FREE CONSULTATION</span>
                    <div class="serve-pic"><div class="serve-icon s_01"></div></div>
                </div>
            </div>
            <div class="serve-col serve-bule">
                <div class="serve_one">
                    <div class="serve-icon01 s_04"></div>
                    <p class="serve-text color-white">现场量房</p>
                    <p class="serve-intro color-white">由设计师到客户拟装修的居室进行现场勘测，并进行综合的考察，以便更加科学、合理地进行家装设计。</p>
                </div>
                <div class="serve_two">
                    <p class="serve-text color-gray">现场量房</p>
                    <span>ON SITE MEASUREMENT</span>
                    <div class="serve-pic"><div class="serve-icon s_03"></div></div>
                </div>
            </div>
            <div class="serve-col serve-red">
                <div class="serve_one">
                    <div class="serve-icon01 s_06"></div>
                    <p class="serve-text color-white">确定预算</p>
                    <p class="serve-intro color-white">设计师根据业主敲定的设计方案专门制作预算清单，业主确定预算及相关材料信息</p>
                </div>
                <div class="serve_two">
                    <p class="serve-text color-gray">确定预算</p>
                    <span>DETERMINE BUDGET</span>
                    <div class="serve-pic"><div class="serve-icon s_05"></div></div>
                </div>
            </div>
            <div class="serve-col serve-bule">
                <div class="serve_one">
                    <div class="serve-icon01 s_08"></div>
                    <p class="serve-text color-white">签订合同</p>
                    <p class="serve-intro color-white">业主根据确定的图纸、报价，与本公司签订杭州市建筑装饰行业协会制定的《杭州市住宅装饰装修施工合同》</p>
                </div>
                <div class="serve_two">
                    <p class="serve-text color-gray">签订合同</p>
                    <span>SIGN CONTRACT</span>
                    <div class="serve-pic"><div class="serve-icon s_07"></div></div>
                </div>
            </div>
            <div class="serve-col serve-red">
                <div class="serve_one">
                    <div class="serve-icon01 s_10"></div>
                    <p class="serve-text color-white">施工过程</p>
                    <p class="serve-intro color-white">水电等隐蔽工程施工及三方验收（业主，项目经理，质检）</p>
                </div>
                <div class="serve_two">
                    <p class="serve-text color-gray">施工过程</p>
                    <span>CONSTRUCTION</span>
                    <div class="serve-pic"><div class="serve-icon s_09"></div></div>
                </div>
            </div>
            <div class="serve-col serve-bule">
                <div class="serve_one">
                    <div class="serve-icon01 s_12"></div>
                    <p class="serve-text color-white">竣工验收</p>
                    <p class="serve-intro color-white">油漆施工，安装工程及最终整体验收</p>
                </div>
                <div class="serve_two">
                    <p class="serve-text color-gray">竣工验收</p>
                    <span>FINAL ACCEPTANCE</span>
                    <div class="serve-pic"><div class="serve-icon s_11"></div></div>
                </div>
            </div>
        </div>
    </div>
    </div>

    <div class="indexNxs">
        <div class="title_con">
          <h2>新闻活动<span>最新装修资讯</span></h2>
          <p>NEWS ACTIVITIES</p>
          <p><img src="images/x.png"></p>
        </div>
        <div class="indexNew">
          <a href="#"><img class="indexNxsIco" src="picture/nxs.jpg" alt=""></a>
            @foreach($news as $new)
          <div class="indexNxsList">
              <a href="news/{{$new['id']}}.html"><img src="{{\Storage::disk($new['image']['disk'])->url($new['image']['path'])}}" alt=""></a>
              <h2>{{$new['title']}}</h2>
              <p><a href="news/{{$new['id']}}.html">{{$new['description']}}</a></p>
          </div>
            @endforeach
        </div>
    </div>
    @include('inc.footer')

</body>

</html>
<script type="text/javascript" src="js/jquery.superslide.2.1.1.js"></script>
<script type="text/javascript" src="js/lhpublic.js"></script>
<script type="text/javascript">
  Public.Index();

  $('.index_case .lh-process-more li').hover(function() {
      $(this).addClass('hover').siblings().removeClass('hover');
      $('.index_case .lh-custom-item').hide().eq($(this).index()).show();
  });
  $('.index_case .lh-process-more li:eq(0)').hover();

  $('.index_chanpin .lh-process-more li').hover(function() {
      $(this).addClass('hover').siblings().removeClass('hover');
      $('.index_chanpin .lh-custom-item').hide().eq($(this).index()).show();
  });
  $('.index_chanpin .lh-process-more li:eq(0)').hover();
</script>
<script>
  $(".serve-col").hover(function() {
      $(this).find(".serve_one").css({
          "top": 0
      });
  }, function() {
      $(".serve_one").css({
          "top": '-266px'
      });
  });
  $(".team_item").hover(function() {
      $(this).find(".design-info").css({
          "bottom": 0
      });
  }, function() {
      $(".design-info").css({
          "bottom": "-80px"
      });
  });
  $(".package_con ul li").hover(function(){
    $(this).find(".tc_detail").css({"top":0,"opacity":"1"});
  },function(){
    $(".tc_detail").css({"top":"543px","opacity":0});
  })

  $(window).ready(function(){
    $(".caseImg li").eq(0).addClass('active');
    $(".caseTitle li a").eq(0).addClass('active');
    $(".case_pro li a").on("mouseover",function(){
      var oId=$(this).attr('data-target');
      $(".caseImg li").removeClass('active');
      $(".caseTitle li a").removeClass('active');
      $(this).addClass('active');
      $(oId).addClass('active');
    })
  })
</script>
